﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomPagination.aspx.cs"
    Inherits="CMSN.Software.Tutorials.HowToUseCustomPagination.CustomPagination" %>

<%@ Register Src="UserControls/CustomizedPagination.ascx" TagName="CustomizedPagination"
    TagPrefix="cmsn" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>How to use custom pagination</title>
    <style type="text/css">
        .selected-page
        {
            background: #a5b8da;
            background: -moz-linear-gradient(top, #a5b8da 0%, #7089b3 100%);
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5b8da), to(#7089b3));
            border: 1px solid #6c84ab;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            color: #fff;
            font-size: 11px;
            font-weight: bold;
            line-height: 1;
            text-align: center;
            padding: 3px 5px;
            margin: 0 1px;
        }
        
        .pagination-point
        {
            background: #fafafa;
            background: -moz-linear-gradient(top, #fafafa 0%, #dfdfe2 100%);
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#dfdfe2));
            border: 1px solid #929395;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
            color: #7d7d7d;
            font-size: 11px;
            font-weight: bold;
            line-height: 1;
            text-align: center;
            text-decoration: none;
            padding: 3px 5px;
            margin: 0 1px;
        }
    </style>
</head>
<body>
    <form id="PaginationWithRepeaterForm" runat="server">
    <div>
        <asp:Label ID="PaginationDisplayText" runat="server"></asp:Label>
        <hr />
        <asp:Repeater runat="server" ID="PaginatingRepeater">
            <ItemTemplate>
                <%# Eval("key")%>
                |
                <%# Eval("value")%>
                <br />
            </ItemTemplate>
        </asp:Repeater>
        <cmsn:CustomizedPagination ID="RepeaterCustomPagination" runat="server" />
    </div>
    </form>
</body>
</html>
